<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>codefun</title>
    <link rel="stylesheet" href="../../index.css" />
    <link rel="stylesheet" href="./Page_group_shangjialiebiao.css" />
    <script type="text/javascript" src="./Page_group_shangjialiebiao.js"></script>
  </head>
  <body>
    <div class="flex-col page">
      <div class="flex-row justify-between group">
        <span class="font text">9:41</span>
        <div class="flex-row">
          <img
            class="image"
            src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=4db58289cb817c319123506a45f49443.png"
          />
          <img
            class="image_2 ml-8"
            src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=5249c4850e4b9d339a85cfb7ec5b7f1f.png"
          />
          <img
            class="image_3 ml-8"
            src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=cbd94863d38ee0cd7407b6552a3f97b5.png"
          />
        </div>
      </div>
      <div class="flex-col group_2 mt-17">
        <div class="flex-row items-center section">
          <img
            class="image_4"
            src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=545a8ab4fea59c26a658cd58462934c6.png"
          />
          <span class="text_2">美食外卖</span>
        </div>
        <div class="flex-col group_3">
          <div class="flex-row justify-between">
            <div class="flex-row items-center group_4">
              <img
                class="shrink-0 image_5"
                src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=ccb0f3b284859df092574f99def2c1d5.png"
              />
              <span class="font_2 text_3 ml-2">综合排序</span>
            </div>
            <div class="flex-row items-center group_26">
              <img
                class="shrink-0 image_5"
                src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=8365218221523af4448a257361376cea.png"
              />
              <span class="font_2 text_4 ml-2">速度</span>
              <img
                class="shrink-0 image_5 ml-2"
                src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=8365218221523af4448a257361376cea.png"
              />
              <span class="font_2 text_5 ml-2">全部筛选</span>
            </div>
          </div>
          <div class="flex-col mt-4">
            <div class="flex-col">
              <div class="flex-row section_2" onclick="onClick()">
                <div class="flex-col shrink-0 section_4">
                  <div class="flex-col justify-start items-center self-stretch relative group_5">
                    <img
                      class="image_6"
                      src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=bbaceabd2e8710fa102221172dd9e5e4.png"
                    />
                    <div class="flex-col section_3 pos">
                      <span class="self-center font_3 text_6">优享大牌</span>
                      <img
                        class="self-start image_8 mt-2"
                        src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=d10d10146f53d1f49aa50eb39175eda3.png"
                      />
                    </div>
                  </div>
                  <span class="self-center font_11 text_15 mt-10">人气推荐:</span>
                  <div class="flex-col items-start self-stretch group_11 mt-10">
                    <span class="font_12 text_16">近30日9329人</span>
                    <span class="font_12 text_20">逛过</span>
                  </div>
                </div>
                <div class="flex-col flex-1 group_6 ml-8">
                  <div class="flex-row items-center group_8">
                    <span class="font text_7">MarryBrown·汉堡鸡腿...</span>
                    <img
                      class="shrink-0 image_7 ml-20"
                      src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=1a86ddd9274d4b100e89a6d9d19d1ee1.png"
                    />
                  </div>
                  <div class="flex-row justify-between mt-5">
                    <div class="flex-row items-baseline">
                      <span class="font_4 text_8">5.0</span>
                      <span class="font_5 text_9">分</span>
                      <span class="font_6 text_10">月售 3000+</span>
                    </div>
                    <div class="flex-row items-baseline group_7">
                      <span class="font_7">2分钟</span>
                      <span class="font_7 ml-5">100m</span>
                    </div>
                  </div>
                  <div class="flex-row mt-5">
                    <div class="flex-row section_17">
                      <img
                        class="shrink-0 image_9"
                        src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=38805285f47ca04b9e2216d84fe454a9.png"
                      />
                      <span class="font_8 text_11 ml-3">8元无门槛</span>
                    </div>
                    <div class="flex-row items-center section_1 ml-3">
                      <span class="font_9 text_12">36减1</span>
                      <div class="shrink-0 section_5 ml-4"></div>
                      <span class="font_9 text_14 ml-4">58减4</span>
                    </div>
                    <div class="flex-col justify-start text-wrapper ml-3">
                      <span class="font_10 text_13">食无忧</span>
                    </div>
                  </div>
                  <div class="flex-row relative group_10 mt-5">
                    <div class="flex-row equal-division">
                      <img
                        class="image_10 equal-division-item"
                        src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=ecb783b9aad492a529e5082913c3c0cc.png"
                      />
                      <img
                        class="image_10 equal-division-item ml-6"
                        src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=f7fa3be68b652c74cea23a62cad376fa.png"
                      />
                      <img
                        class="image_10 equal-division-item ml-6"
                        src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=bbfeee7eec37146d4d50f5dc36fd6a96.png"
                      />
                    </div>
                    <span class="font_13 text_17 pos_3">三人鸡腿套餐</span>
                    <span class="font_13 text_18 pos_4">两人汉堡套餐</span>
                    <span class="font_13 text_19 pos_5">一人炸鸡</span>
                    <span class="font_16 text_21 pos_9">¥</span>
                    <span class="font_14 pos_6">69</span>
                    <span class="font_3 pos_10">预估价</span>
                    <span class="font_16 text_22 pos_11">¥</span>
                    <span class="font_14 pos_7">50</span>
                    <span class="font_3 pos_12">预估价</span>
                    <span class="font_16 text_23 pos_13">¥</span>
                    <span class="font_15 pos_8">15</span>
                    <span class="font_3 pos_14">预估价</span>
                    <div class="section_6 pos_2"></div>
                  </div>
                </div>
              </div>
              <div class="flex-row items-center section_7 mt-10">
                <div class="flex-col shrink-0 section_8">
                  <img
                    class="self-center image_6"
                    src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=580c597a21534c698f11b21d1b2cb664.png"
                  />
                  <span class="self-center font_11 text_29 mt-10">人气推荐:</span>
                  <div class="flex-col items-start self-stretch group_11 mt-10">
                    <span class="font_12 text_16">近30日8139人</span>
                    <span class="font_12 text_20">逛过</span>
                  </div>
                  <div class="flex-col self-start section_9 mt-10">
                    <span class="self-center font_3 text_34">品牌</span>
                    <img
                      class="self-start image_8 mt-2"
                      src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=4e1ff3ae28181773d4bb5e0c5dd58569.png"
                    />
                  </div>
                </div>
                <div class="flex-col flex-1 ml-8">
                  <div class="flex-row items-center group_27">
                    <span class="font text_24">LINLEE林里·手打柠檬茶...</span>
                    <img
                      class="shrink-0 image_7 ml-24"
                      src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=1a86ddd9274d4b100e89a6d9d19d1ee1.png"
                    />
                  </div>
                  <div class="flex-row justify-between mt-7">
                    <div class="flex-row items-baseline">
                      <span class="font_4 text_25">5.0</span>
                      <span class="font_5 text_26">分</span>
                      <span class="font_6 text_27">月售 2000+</span>
                    </div>
                    <div class="flex-row items-baseline group_12">
                      <span class="font_7">30分钟</span>
                      <span class="font_7 ml-5">2.7km</span>
                    </div>
                  </div>
                  <div class="flex-row mt-7">
                    <div class="flex-row section_17">
                      <img
                        class="shrink-0 image_9"
                        src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=38805285f47ca04b9e2216d84fe454a9.png"
                      />
                      <span class="font_8 text_28 ml-3">8元无门槛</span>
                    </div>
                    <div class="flex-row items-center section_1 ml-3">
                      <span class="font_9 text_12">36减1</span>
                      <div class="shrink-0 section_5 ml-4"></div>
                      <span class="font_9 text_14 ml-4">58减4</span>
                    </div>
                    <div class="flex-col justify-start text-wrapper ml-3">
                      <span class="font_10 text_13">食无忧</span>
                    </div>
                  </div>
                  <div class="flex-row mt-7">
                    <div class="flex-col flex-1 group_28">
                      <div class="flex-row">
                        <img
                          class="equal-division-item image_11"
                          src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=d4972198e76e36908cab06c06b9a75eb.png"
                        />
                        <img
                          class="equal-division-item image_12 ml-6"
                          src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=5c32984036301aead1b11bd7563cfd41.png"
                        />
                      </div>
                      <div class="flex-row justify-center group_14">
                        <span class="font_13">白葡萄冰柠茶</span>
                        <span class="font_13 ml-4">西瓜冰柠茶</span>
                      </div>
                      <div class="flex-row justify-between group_15">
                        <div class="flex-row items-baseline">
                          <span class="font_16 text_31">¥</span>
                          <span class="font_15 text_50">15</span>
                          <span class="font_3">预估价</span>
                        </div>
                        <div class="flex-row items-baseline group_16">
                          <span class="font_16 text_32">¥</span>
                          <span class="font_15 text_51">15</span>
                          <span class="font_3">预估价</span>
                        </div>
                      </div>
                    </div>
                    <div class="flex-row relative group_13 ml-6">
                      <img
                        class="image_13 pos_15"
                        src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=c24b3f87643b1b11f3ff871ee0b1a031.png"
                      />
                      <span class="font_13 text_30 pos_17">黄皮冰柠茶</span>
                      <span class="font_16 text_33 pos_19">¥</span>
                      <span class="font_15 pos_18">15</span>
                      <span class="font_3 pos_20">预估价</span>
                      <div class="section_6 pos_16"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="flex-col mt-34">
              <div class="flex-row items-center section_10">
                <img
                  class="shrink-0 image_6"
                  src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=caf95e94ea23de183bcb88547ba9b0f7.png"
                />
                <div class="flex-col flex-1 ml-8">
                  <div class="flex-row justify-between items-center self-stretch">
                    <span class="font">茶百道(天山万科广场店)</span>
                    <img
                      class="image_14"
                      src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=62d523b1bf901158fd887b60200fae81.png"
                    />
                  </div>
                  <div class="flex-row justify-between self-stretch group_19">
                    <div class="flex-col group_20">
                      <div class="flex-row items-baseline">
                        <span class="font_4 text_35">5.0</span>
                        <span class="font_5 text_36">分</span>
                        <span class="font_17 text_37">月售 2000+</span>
                      </div>
                      <div class="flex-row mt-8">
                        <span class="font_17 text_38">起送 ¥15</span>
                        <span class="font_17 text_39 ml-12">配送 ¥5</span>
                      </div>
                    </div>
                    <div class="flex-col">
                      <div class="flex-row self-stretch group_1">
                        <span class="font_7">55分钟</span>
                        <span class="font_7 ml-5">1.7km</span>
                      </div>
                      <div class="flex-col justify-start self-center text-wrapper_2">
                        <span class="font_18 text_1">蓝骑士专送</span>
                      </div>
                    </div>
                  </div>
                  <div class="flex-row justify-evenly items-center self-start section_11">
                    <div class="flex-col justify-start items-center relative section_12">
                      <div class="flex-col justify-start items-center text-wrapper_1">
                        <span class="font_19 text_41">榜</span>
                      </div>
                      <img
                        class="image_15 pos_21"
                        src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=3bf77dac7e9029bb1e0911cfe0e5060b.png"
                      />
                    </div>
                    <span class="font_20 text_42">天山区奶茶果汁回头客榜 · 第2名</span>
                    <img
                      class="image_14"
                      src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=8213e39a90428ed9f4f890bf9393c9ae.png"
                    />
                  </div>
                  <div class="flex-row justify-between items-center self-stretch group_22">
                    <div class="flex-row">
                      <div class="flex-row section_13">
                        <img
                          class="shrink-0 image_16"
                          src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=73f9bea8bf1354ac328d3069a9ca9d49.png"
                        />
                        <span class="font_21 text_43 ml-5">新人立减 12</span>
                      </div>
                      <div class="flex-row section_17 ml-3">
                        <img
                          class="shrink-0 image_9"
                          src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=e5e732d0da85d81e2e122c6fc98e4a35.png"
                        />
                        <span class="font_8 text_44 ml-3">8元无门槛</span>
                      </div>
                    </div>
                    <img
                      class="image_14"
                      src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=8d4814bae0227be6d59c1a34b5524d80.png"
                    />
                  </div>
                </div>
              </div>
              <div class="flex-row items-center section_10 mt-10">
                <img
                  class="shrink-0 image_6"
                  src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=caf95e94ea23de183bcb88547ba9b0f7.png"
                />
                <div class="flex-col flex-1 ml-8">
                  <div class="flex-row justify-between items-center self-stretch">
                    <span class="font">茶百道(天山万科广场店)</span>
                    <img
                      class="image_14"
                      src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=62d523b1bf901158fd887b60200fae81.png"
                    />
                  </div>
                  <div class="flex-row justify-between self-stretch group_19">
                    <div class="flex-col group_20">
                      <div class="flex-row items-baseline">
                        <span class="font_4 text_35">5.0</span>
                        <span class="font_5 text_36">分</span>
                        <span class="font_17 text_37">月售 2000+</span>
                      </div>
                      <div class="flex-row mt-8">
                        <span class="font_17 text_38">起送 ¥15</span>
                        <span class="font_17 text_39 ml-12">配送 ¥5</span>
                      </div>
                    </div>
                    <div class="flex-col">
                      <div class="flex-row self-stretch group_1">
                        <span class="font_7">55分钟</span>
                        <span class="font_7 ml-5">1.7km</span>
                      </div>
                      <div class="flex-col justify-start self-center text-wrapper_2">
                        <span class="font_18 text_1">蓝骑士专送</span>
                      </div>
                    </div>
                  </div>
                  <div class="flex-row justify-evenly items-center self-start section_11">
                    <div class="flex-col justify-start items-center relative section_12">
                      <div class="flex-col justify-start items-center text-wrapper_3">
                        <span class="font_19 text_41">榜</span>
                      </div>
                      <img
                        class="image_15 pos_22"
                        src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=3bf77dac7e9029bb1e0911cfe0e5060b.png"
                      />
                    </div>
                    <span class="font_20 text_42">天山区奶茶果汁回头客榜 · 第2名</span>
                    <img
                      class="image_14"
                      src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=8213e39a90428ed9f4f890bf9393c9ae.png"
                    />
                  </div>
                  <div class="flex-row justify-between items-center self-stretch group_22">
                    <div class="flex-row">
                      <div class="flex-row section_13">
                        <img
                          class="shrink-0 image_16"
                          src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=73f9bea8bf1354ac328d3069a9ca9d49.png"
                        />
                        <span class="font_21 text_43 ml-5">新人立减 12</span>
                      </div>
                      <div class="flex-row section_17 ml-3">
                        <img
                          class="shrink-0 image_9"
                          src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=e5e732d0da85d81e2e122c6fc98e4a35.png"
                        />
                        <span class="font_8 text_44 ml-3">8元无门槛</span>
                      </div>
                    </div>
                    <img
                      class="image_14"
                      src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=8d4814bae0227be6d59c1a34b5524d80.png"
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="flex-col justify-start relative section_14">
          <div class="flex-row">
            <div class="flex-col items-center group_21 equal-division-item_2">
              <img
                class="image_17"
                src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=23894eb672bf9882cf39e06377697422.png"
              />
              <span class="font_22 text_45 mt-6">首页</span>
            </div>
            <div class="flex-col items-center group_21 equal-division-item_2 ml-24">
              <img
                class="image_17"
                src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=0dba08fc0471de0b4fedd58d1f56c7c4.png"
              />
              <span class="font_22 text_45 mt-6">发现</span>
            </div>
            <div class="flex-col items-center group_21 group_24 ml-24">
              <img
                class="image_17"
                src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=599db864b4b79c954e225bb0584e641f.png"
              />
              <span class="font_22 text_48 mt-6">历史订单</span>
            </div>
            <div class="flex-col items-center group_21 group_25 ml-24">
              <img
                class="image_17"
                src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=12bcb6e9ed472ea95f847b15d8870f4d.png"
              />
              <span class="font_22 text_49 mt-6">我的</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>